<template>
    <div style="display:flex;justify-content: center;">
        <div style="width: 70%;">
            <el-tabs type="border-card" style="width: 100%;">
                <el-tab-pane>
                    <div class="tag" slot="label">
                        <i class="el-icon-date"></i>
                        VIP1
                    </div>
                    <div style="background-color: pink;height:500px;">
                        111
                    </div>
                </el-tab-pane>
                <el-tab-pane>
                    <div class="tag" slot="label">
                        <i class="el-icon-date"></i>
                        VIP2
                    </div>
                    <div style="background-color: pink;height:500px;">
                        222
                    </div>
                </el-tab-pane>
                <el-tab-pane>
                    <div class="tag" slot="label">
                        <i class="el-icon-date"></i>
                        VIP3
                    </div>
                    <div style="background-color: pink;height:500px;">
                        333
                    </div>
                </el-tab-pane>
            </el-tabs>
        </div>
    </div>
    
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.tag{
    width: 300px;
}
</style>